<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta content="telephone=no,email=no" name="format-detection">
<meta name="wap-font-scale" content="no"><title>我的券包</title>
<!-- 公用样式css -->
<link href="css/base.css" rel="stylesheet" type="text/css" />
<!-- 内容css -->
<link href="css/card-package.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/idangerous.swiper.css">

</head>

<body>
<%-- 	<header class="header">
       <div class="header-left" onclick="_back()"><img class="img-home" src="images/return.png" /></div>
        <div class="header-center word5 "><a class="header-arrow">我的券包</a></div>
        <div class="header-right marg5"><img src="images/icon3.png" width="26" height="26" /></div>
    </header> --%>
<div class="main bot44" style="background:#fbfbfb;">
	<div class="exchange"><input name="" type="text" class="exchange-input word4 wor-colour1" value="请输入神奇的兑换码"/><a class="exchange-button word4">兑换</a></div>
	<div class="wrap"> 
        <div class="tabs">
            <a href="<%=basePath%>coupon/getCouponList" hidefocus="true" <c:if test="${couponType==0}"> class="active"</c:if>>优惠券</a>
            <a href="<%=basePath%>coupon/getCouponList?couponType=1" hidefocus="true" <c:if test="${couponType==1}"> class="active"</c:if>>免房券</a>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background:#f5f5f5;">
                    <c:if test="${not empty dataList}">
                    <c:forEach var="info" items="${dataList}">
                    <div class="coupon">
                        <ul class="coupon-pos">
                           <input type="hidden" id="code" name="code" value="${info.Code}"/>
                            <li ><p class="word8">${info.CouponName}</p>
                                <p class="wor-colour5 marg2">${info.OverdueTime}</p>
                                <p>有效期： ${info.StartDate}~~${info.EndDate}</p>
                                <a class="wor-colour6 ckgz " href="#" onclick="_seeRule(${info.RegularExplain});return false;">查看更多规则</a></li>
                            <li class="word7 word8 wor-colour9">￥${info.CouponMoney}</li>
                        </ul>
                        <img class="coupon-img" src="images/icon36.png"/>
                    </div>
                    </c:forEach>
                    </c:if>

                    <c:if test="${empty dataList}"> <img src="<%=basePath%>/images/icon38.png"></c:if>
                </div>
  		 </div>
    </div>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/idangerous.swiper.min.js"></script> 
<script type="text/javascript">
var tabsSwiper = new Swiper('.swiper-container',{
	speed:500,
	onSlideChangeStart: function(){
		$(".tabs .active").removeClass('active');
		$(".tabs a").eq(tabsSwiper.activeIndex).addClass('active');
	}
});


//查看更多规则
function _seeRule(rule) {
    alert(rule);
}

    function _back(){
        window.location.replace('<%=basePath%>member/memberCenter');
    }
</script>
      
</html>
